$(function () {
    // //把layui.layer转存到layer
    // const layer = layui.layer
    //自定义校验规则
    layui.form.verify({
        repwd: function (val) {
            const pwd = $('.reg-box [name="password"]').val().trim()
            if (pwd !== val) {
                return '俩次密码输入不一致'
            }
            
        },

        pwd:[/^[\S]{6,12}$/,'密码的长度为6-12位字符，且不能出现空格']
    })
    //点击注册切换注册页面
    $('#link-reg').on('click', function () {
        //展示注册盒子
        $('.reg-box').show()
        //隐藏登录盒子
        $('.login-box').hide()
    })
    
    //点击登录切换登录页面
    $('#link-login').on('click', function () {
        //展示登录盒子
        $('.login-box').show()
        //隐藏注册盒子
        $('.reg-box').hide()
    })
    //发起注册请求
    $('.reg-box form').on('submit', function (e) {
        e.preventDefault()
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: {
                username: $('.reg-box [name="username"]').val().trim(),
                password: $('.reg-box [name="password"]').val().trim()
            },
            success: function (res) {
                if (res.status === 0) {
                    layer.msg('注册成功，请登录')
                    $('#link-login').click()
                } else {
                    layer.msg(res.message)
                }
            }
        })
    })

    //发起登录请求
    $('.login-box form').on('submit', function (e) {
        e.preventDefault()
        $.post('/api/login', $(this).serialize(), function (res) {
            if (res.status === 0) {
                layer.msg('登陆成功')
                localStorage.setItem('token', res.token)
                location.href = 'index.html'
            } else {
                layer.msg('登录失败')
            }
        })
    })
})